<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>购物车</title>
    <link rel="stylesheet" href="../css/reset.css">
    <link rel="stylesheet" href="../cart - 副本/css/reset.css">
    <link rel="stylesheet" href="../css/common.css">
    <link rel="stylesheet" href="../css/shopping-trolley.css">
    <!-- <link rel="stylesheet" href="../cart - 副本/css/cart.css"> -->
</head>
<body>
    <!-- 顶部开始 -->
    <div class="top">
        <div class="wapper">
            <h6>legochina.cn</h6>
            <p>欢迎光临
                <span><a href="../html/index.html">乐购</a></span>
                ，请 <a href="../html/register.html">&nbsp; 登录</a> \
                <span><a href="../html/login.html">注册</a></span>
            </p>
        </div>
    </div>
    <!-- 顶部结束 -->

    <!-- 导航栏开始 -->
    <div class="navigation-bar wapper clearfix">
        <img src="../images/04-购物车_02.jpg" alt="">
        <div class="search">
            <input type="text" placeholder="设计中的设计 原研哉">
            <span></span>
        </div>
        <div class="site ">
            <span>配送至</span>
            <select name="" id="">
                <option value="">成都高新区三环内</option>
                <option value="">成都高新区三环内</option>
                <option value="">成都高新区三环内</option>
            </select>
        </div>
    </div>
    <!-- 导航栏结束 -->

    <!-- 全部商品开始 -->
    <div class="trade wapper">
        <h4>全部商品（3）</h4>
        <div class="header">
            <!-- 头部 -->
            <ul class="list_header">
              <li class="list_chk">
                <!-- <input type="checkbox" id="selall">  -->
                <div class="shop_info">
                  <!-- 单个店铺的全选 -->
                    <input type="checkbox" class="all_check ">    
                  
                </div>
              </li>
              <li class="list_con">全选</li>
              <li class="list_info">商品</li>
              <li class="list_price">单价</li>
              <li class="list_amount">数量</li>
        
              <li class="list_sum">金额</li>
              <li class="list_op">操作</li>
            </ul>
            <!-- 第一个店铺 -->
            <div class="cartbox">
              <!-- 店铺信息 -->
             
              <!-- 订单主要区域 -->
              <div class="order_content">
                <ul class="order_lists mt10 clearfix">
                  <li class="list_chk">
                    <!-- 单个复选框 -->
                    <input type="checkbox" class="son_check">           
                  </li>
                  <li class="list_con">
                    <div class="list_img fl">
                      <a href="javascript:;">
                        <img src="../images/index08_05.jpg" alt="">
                      </a>
                    </div>
                    <!-- <div class="list_text fl">
                      <a href="#">从你的全世界路过</a>
                    </div> -->
                  </li>
                  <li class="list_info">
                    <a href="#">从你的全世界路过</a>
                    <!-- <p>规格：默认</p> -->
                    <!-- <p>尺寸：16*16*3(cm)</p> -->
                  </li>
                  <li class="list_price">
                    <!-- 单价 -->
                    <p class="price">￥<span>41</span></p>
                  </li>
                  <!-- 数量  -->
                  <li class="list_amount">
                    <div class="amount_box">
                      <!-- 减 -->
                      <a class="reduce fl">-</a>
                      <input type="number" value="1" class="sum fl">
                      <!--  加 -->
                      <a class="plus fl">+</a>
                    </div>
                  </li>
                  <li class="list_sum">
                    <!-- 小计结果 -->
                    <p class="sum_price">￥<span>41</span></p>
                  </li>
                  <li class="list_op">
                    <p class="del">
                      <a  class="delbtn">移除商品</a>
                    </p>
                  </li>
                </ul>
                <ul class="order_lists mt10 clearfix">
                    <li class="list_chk">
                      <!-- 单个复选框 -->
                      <input type="checkbox" class="son_check">           
                    </li>
                    <li class="list_con">
                      <div class="list_img fl">
                        <a href="javascript:;">
                          <img src="../images/index08_05.jpg" alt="">
                        </a>
                      </div>
                      <!-- <div class="list_text fl">
                        <a href="#">木果果木2016秋装新品韩范简约宽松中长款纯棉长袖衬衫</a>
                      </div> -->
                    </li>
                    <li class="list_info">
                        <a href="#">从你的全世界路过</a>
                      <!-- <p>规格：默认</p>
                      <p>尺寸：16*16*3(cm)</p> -->
                    </li>
                    <li class="list_price">
                      <p class="price">￥<span>41</span></p>
                    </li>
                    <li class="list_amount">
                      <div class="amount_box">
                        <!-- 减 -->
                        <a class="reduce fl">-</a>
                        <input type="text" value="1" class="sum fl">
                        <!--  加 -->
                        <a class="plus fl">+</a>
                      </div>
                    </li>
                    <li class="list_sum">
                      <!-- 小计结果 -->
                      <p class="sum_price">￥<span>41</span></p>
                    </li>
                    <li class="list_op">
                      <p class="del">
                        <a  class="delbtn">移除商品</a>
                      </p>
                    </li>
                </ul>
                <ul class="order_lists mt10 clearfix">
                    <li class="list_chk">
                      <!-- 单个复选框 -->
                      <input type="checkbox" class="son_check">           
                    </li>
                    <li class="list_con">
                      <div class="list_img fl">
                        <a href="javascript:;">
                          <img src="../images/index08_05.jpg" alt="">
                        </a>
                      </div>
                      <!-- <div class="list_text fl">
                        <a href="#">木果果木2016秋装新品韩范简约宽松中长款纯棉长袖衬衫</a>
                      </div> -->
                    </li>
                    <li class="list_info">
                        <a href="#">从你的全世界路过</a>
                      <!-- <p>规格：默认</p>
                      <p>尺寸：16*16*3(cm)</p> -->
                    </li>
                    <li class="list_price">
                      <p class="price">￥<span>41</span></p>
                    </li>
                    <li class="list_amount">
                      <div class="amount_box">
                        <!-- 减 -->
                        <a class="reduce fl">-</a>
                        <input type="text" value="1" class="sum fl">
                        <!--  加 -->
                        <a class="plus fl">+</a>
                      </div>
                    </li>
                    <li class="list_sum">
                      <!-- 小计结果 -->
                      <p class="sum_price">￥<span>41</span></p>
                    </li>
                    <li class="list_op">
                      <p class="del">
                        <a  class="delbtn">移除商品</a>
                      </p>
                    </li>
                </ul>
              </div>
            </div>
          
           
            
            <!-- 底部 -->
            <div class="btmbox">
                
                <!-- <input type="checkbox" class="all_check ml30">
                <span>全选</span>  -->
                <a class="delallsel">删除选中商品</a>
                <p class="fr">
                  <span>已选择<strong class="cf40 amount">0</strong>件商品</span>
                  <span>共计<strong class="cf40 totalprice">0.00</strong>元</span>
                  <a href="#">去结算</a>          
                </p>
        
        
            </div>
          </div>
    </div>
    <!-- 全部商品结束 -->

     <!-- 折扣区开始 -->
     <div class="discount wapper clearfix">
        <p><span>猜你喜欢</span></p>
        <ul>
            <!-- 1 -->
            <li>
                <img src="../images/22935553-1_l.jpg" alt="">
                <img src="../images/02-产品列表_03.jpg" alt="">
                <p>白夜行&emsp;东野上吾</p>
                <p>推荐：
                    <img src="../images/02-产品列表_07.jpg" alt="">
                </p>
                <p>￥: 38 <span>￥: 58</span></p>
            </li>
            <!-- 2 -->
            <li>
                <img src="../images/22935553-1_l.jpg" alt="">
                <img src="../images/02-产品列表_03.jpg" alt="">
                <p>白夜行&emsp;东野上吾</p>
                <p>推荐：
                    <img src="../images/02-产品列表_07.jpg" alt="">
                </p>
                <p>￥: 38 <span>￥: 58</span></p>
            </li>
            <!-- 3 -->
            <li>
                <img src="../images/22935553-1_l.jpg" alt="">
                <img src="../images/02-产品列表_03.jpg" alt="">
                <p>白夜行&emsp;东野上吾</p>
                <p>推荐：
                    <img src="../images/02-产品列表_07.jpg" alt="">
                </p>
                <p>￥: 38 <span>￥: 58</span></p>
            </li>
            <!-- 4 -->
            <li>
                <img src="../images/22935553-1_l.jpg" alt="">
                <img src="../images/02-产品列表_03.jpg" alt="">
                <p>白夜行&emsp;东野上吾</p>
                <p>推荐：
                    <img src="../images/02-产品列表_07.jpg" alt="">
                </p>
                <p>￥: 38 <span>￥: 58</span></p>
            </li>
            <!-- 5 -->
            <li>
                <img src="../images/22935553-1_l.jpg" alt="">
                <img src="../images/02-产品列表_03.jpg" alt="">
                <p>白夜行&emsp;东野上吾</p>
                <p>推荐：
                    <img src="../images/02-产品列表_07.jpg" alt="">
                </p>
                <p>￥: 38 <span>￥: 58</span></p>
            </li>
        </ul>

    </div>
    <!-- 折扣区结束 -->

    <!-- 魔兽世界 -->
    <div class="placard wapper">
        <img src="../images/11-会员中心（首页）_28.jpg" alt="">
    </div>


        <!-- 底部开始 -->
    <!-- 正规渠道开始 -->
    <div class="channel">
        <div class="wapper">
            <img src="../images/222_11.png" alt="">
            <img src="../images/222_13(1).png" alt="">
            <img src="../images/222_15.png" alt="">
            <img src="../images/222_17.png" alt="">
        </div>
    </div>
    <!-- 正规渠道结束 -->

    <!-- 购物指南开始 -->
    <div class="guide wapper">
        <div class="type">
            <ul class="clearfix">
                <li>
                    <p>购物指南</p>
                    <a href="">购物流程</a>
                    <a href="">发票制度</a>
                    <a href="">账户管理</a>
                    <a href="../html/Member-Center.html">会员优惠</a>
                </li>
                <li>
                    <p>支付方式</p>
                    <a href="">货到付款</a>
                    <a href="">网上支付</a>
                    <a href="">礼品卡支付</a>
                    <a href="">银行转帐</a>
                </li>
                <li>
                    <p>订单服务</p>
                    <a href="">订单配送查询</a>
                    <a href="">订单状态说明</a>
                    <a href="">自助取消订单</a>
                    <a href="">自助修改订单</a>
                </li>
                <li>
                    <p>退换货</p>
                    <a href="">退换货政策</a>
                    <a href="">自助申请退换货</a>
                    <a href="">退换货进度查询</a>
                    <a href="">退款方式和时间</a>
                </li>
                <li>
                    <p>商家服务</p>
                    <a href="">商家中心</a>
                    <a href="">运营服务</a>
                    <a href="">加入尾品汇</a>
                </li>
            </ul>
        </div>
        <img src="../images/logo_00.png" alt="">
    </div>
    <!-- 购物指南结束 -->

    <!-- 公司简介开始 -->
    <div class="synopsis wapper">
        <p>
            <span>公司简介</span>|
            <span>Investor Relations</span>|
            <span>网站联盟</span>|
            <span>乐购招商</span>|
            <span>机构销售</span>|
            <span>手机乐购</span>|
            <span>官方Blog</span>|
            <span>热词搜索</span>
        </p>
        <p>Copyright&emsp;(C)&emsp;乐购网&emsp;2004-2016,&emsp;All&emsp;Rights Reserved</p>
    </div>
    <!-- 公司简介结束 -->
    <!-- 底部结束 -->




    <script src="../lib/jquery.js"></script>
    <script src="../js/shopping-trolley.js"></script>
</body>
</html>